import { createRouter, createWebHistory } from 'vue-router'

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/', component: () => import('@/views/Layout/index.vue'),
      redirect: '/home',
      children: [
        { path: 'home', component: () => import('@/views/Home/index.vue') },
        { path: 'category/:id', component: () => import('@/views/Category/index.vue') },
        { path: 'category/sub/:id', component: () => import('@/views/SubCategory/index.vue') },
        { path: 'detail/:id', component: () => import('@/views/Detail/index.vue') },
        { path: 'cartlist', component: () => import('@/views/CartList/index.vue') },
        { path: 'checkout', component: () => import('@/views/Checkout/index.vue') },
        { path: 'pay', component: () => import('@/views/Pay/index.vue') },
        { path: 'paycallback', component: () => import('@/views/Paycallback/index.vue') },
        {
          path: 'member', component: () => import('@/views/Member/index.vue'),
          redirect: '/member/user',
          children: [
            { path: 'user', component: () => import('@/views/MemberInfo/index.vue') },
            { path: 'order', component: () => import('@/views/Memberorder/index.vue') }
          ]
        }
      ]
    },
    { path: '/login', component: () => import('@/views/Login/index.vue') },
  ],
})

export default router
